import React, { memo } from 'react'
import {Provider} from 'react-redux'
import {renderRoutes} from 'react-router-config'

import routes from './router'
import store from './store'

import { HashRouter } from 'react-router-dom';
import XHAppHeader from '@/components/app-header'
import XHAppFooter from '@/components/app-footer'
import AppPlayerBar from './pages/player/app-player-bar';

export default memo(function App() {
  return (
    <Provider store={store}>
        <HashRouter>
          <XHAppHeader/>
          {renderRoutes(routes)}
          <XHAppFooter/>
          <AppPlayerBar/>
        </HashRouter>
    </Provider>

  )
})
